<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>支付</title>
	<link rel="stylesheet" href="../css/zf.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<link rel="stylesheet" href="../fonts/1/iconfont.css">
</head>
<body>
	<!-- 顶部 -->
	<div class="header">
		<div class="header_top">
			<div class="container clearfix">
				<div class="icon clearfix">
					<img src="../img/dianhua.png" alt="">
					<a href="">400-010-8888</a>
				</div>
				<div class="hello">
					<a href="">您好，欢迎来到中蜜丝路！</a>
				</div>
				<div class="vip clearfix">
					<div>
						<span>会员中心</span>
						<span>﹀</span>
						<ul class="dropdown-menu">
							<li><a href="wdxx.html">我的信息</a></li>
							<li><a href="wdry.html">我的认养</a></li>
							<li><a href="fxdt.html">蜂箱动态</a></li>
							<li><a href="ryxq.html">认养详情</a></li>
						</ul>
					</div>
				</div>
				<div class="span">
					<span>丨</span>
				</div>
				<div class="sign clearfix">
					<a href="dl.html">
						<img src="../img/yonghu.png" alt="">
						<span>登录</span>
					</a>
				</div>	
			</div>
		</div>
	</div>
	<!-- 导航条 -->
	<div class="container clearfix nva">
		<div class="ZM">
			<a href="index.html">
				<img src="../img/logo.png" alt="">
			</a>
		</div>
		<ul class="clearfix">
			<li><a href="../index.html">首页</a></li>
			<li><a class="index" href="map.html">蜜源寻蜜<span style="width: 80px;"></span></a></li>
			<li><a href="hmkp.html">好蜜科普</a></li>
			<li><a href="gjrz.html">蜂业专委会</a></li>
			<li><a href="vadio.html">蜜蜂视界</a></li>
			<li><a href="hyzx.html">会员中心</a></li>
		</ul>
	</div>
	<!-- 图片 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!--内容 -->
	<div class="index-content">
	    <div class="pay-submit has-error">
	        <div class="receive">
	            <div class="receive-title">
	                <p>支付</p>
	                <div class="red-line"></div>
	            </div>
	        </div>
	        <div class="pay-details">
	            <div class="success data">
	                <span>订单认养成功，现在只差最后一步啦！</span>
	                <i class="iconfont icon-tijiao" style="margin-top: -5px; color:green;"></i>
	            </div>
	            <div class="lists">
	                <p>瓶装花蜜天然纯农家自产百花蜂蜜土峰蜜蜜糖等2件商品</p>
	                <div class="list">
	                    <p>领养证书一本</p>
	                    <p>荆条花蜜10kg</p>
	                    <p>赠送吃蜜工具一套</p>
	                    <p>领养成功后，您的幸福寄语将打印在蜂箱上</p>
	                    <p>预计发货时间：2018年7月-8月期间，认养期限：1年</p>
	                </div>
	                <p>收货地址：山东省 青岛市 市南区 香港中路11号中环国际广场3001室 手机：18666889988</p>
	            </div>

	        </div>
	        <div class="pay-details">
	            <div class="pay-way data">
	                <span>订单金额：</span>
	                <span class="red" style="font-size:20px;font-weight: 700;">¥62000.00</span>
	            </div>
	            <div class="way">
	                <div class="radio-way">
	                    <input type="radio" name="name">
	                    <div class="zfb ">
	                        <img src="../img/pay_zfb.jpg" alt="">
	                        <i class="iconfont icon-sanjiaoduihao red checked"></i>
	                    </div>
	                </div>
	                <div class="radio-way">
	                    <input type="radio" name="name">
	                    <div class="weixin ">
	                        <img src="../img/pay_weixin.jpg" alt="">
	                        <i class="iconfont icon-sanjiaoduihao red checked"></i>
	                    </div>
	                </div>
	            </div>
	            <a class="go-pay" href="fkcg.html">去支付宝支付</a>
	        </div>
	    </div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left">
				<ul>
					<li>
						<b class="iconfont icon-dianhua2"></b>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-shijianzhongbiao2"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-youjian"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-weizhi"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen">
				<dl>
					<dt>
						<a href="">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="">好蜜科普</a></dt>
					<dd>
						<a href="">蜜源探秘</a>
						<a href="">蜂蜜常识</a>
						<a href="">蜂蜜种类</a>
						<a href="">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜂业专委会</a></dt>
					<dd>
						<a href="">工匠认证</a>
						<a href="">专业培训</a>
						<a href="">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜜蜂视界</a></dt>
					<dd>
						<a href="">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix">© 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="../js/jquery.js"></script>
	<script>
	    $(".radio-way input").change(function () {
	        $(this).siblings("div").addClass("selected").parent().siblings().children("div").removeClass("selected")
	    })
	</script>
</body>
</html>